<!--  CSS includes -->
<link href="/assets/js/dojo-release-1.1.0/dijit/themes/nihilo/nihilo.css" rel="stylesheet" type="text/css" />
<link href="/assets/js/dojo-release-1.1.0/dojo/resources/dojo.css" rel="stylesheet" type="text/css" />
    
<style type="text/css">
    @import "/assets/js/dojo-release-1.1.0/dojox/highlight/resources/highlight.css";
    @import "/assets/js/dojo-release-1.1.0/dojox/highlight/resources/pygments/default.css";
    @import "/assets/js/dojo-release-1.1.0/dojo/resources/dojo.css";    
    @import "/assets/js/dojo-release-1.1.0/dojoc/sandbox/menu/resources/AccordionMenu.css";    
    @import "/assets/js/dojo-release-1.1.0/dojoc/sandbox/rounded/resources/Rounded.css";       
</style>
<style type="text/css">
    @import "/assets/js/dojo-release-1.1.0/dojox/grid/_grid/Grid.css";
    @import "/assets/js/dojo-release-1.1.0/dojox/grid/_grid/nihiloGrid.css";
</style>

<script type="text/javascript" src="/assets/js/dojo-release-1.1.0/dojo/dojo.js"
      djConfig="parseOnLoad: true"></script>

<script type="text/javascript">



 



dojo.require("dojo.collections.Store");



dojo.require("dojox.charting.Chart");



dojo.require('dojo.json');



 



//      our sample data for our line chart.



var json = [



        { x: 0, y: 110, size:20, x2:20, high:110, low: 80, open:90, close:96 },



        { x: 10, y: 24, size:4, x2: 25, high:56, low: 43, open:43, close:54 },



        { x: 15, y:63, size:32, x2: 30, high: 100, low: 40, open:56, close: 96 },



        { x: 25, y: 5, size:13, x2: 35, high: 40, low: 36, open:40, close:36 },



        { x: 40, y: 98, size:7, x2: 40, high: 86, low: 66, open: 80, close: 70 },



        { x: 45, y: 54, size:18, x2: 45, high: 50, low: 0, open: 42, close: 4 }



];      



var store = new dojo.collections.Store();



store.setData(json);



 



//      define the chart.



var s1 = new dojo.charting.Series({



        dataSource:store,



        bindings:{ x:"x", y:"y", size:"size" },



        label:"The Main Series"



}); 



 



// ... much much more



 









</script>
